React Compiler

React Compiler is a new compiler currently in Beta, It is a build-time only tool that automatically optimizes your React app.

You can enable and customize react compiler options by passing a configuration object through the reactCompiler option in webpackConfig.js

module.exports = {
  reactCompiler: true
};

module.exports = {
  reactCompiler: {
    ...,
    target: '18',
  }
};

To enable the react compiler for a particular file, you can use the sources option

module.exports = {
  reactCompiler: {
   sources: (filename) => {
    return filename.indexOf('src/path/to/dir') !== -1;
  },
  }
};